<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图层蒙版</title>
    <link rel="stylesheet" href="./css/ps2.css">

    <link rel="stylesheet" href="../瑜-ps/css/导航栏.css">
    <script src="../哲/搜索.js"></script>
    <link rel="shortcut icon" href="../兰/images/logo.png">
</head>

<body>
    <div>
        <!-- 顶部【logo名字（左）、搜索栏（中）、小组信息（右） -->

        <div>
            <!-- logo名字 -->
            <!-- 搜索栏(含js) -->
            <!-- 小组信息 -->
            <div class="title">
                <img src="../兰/images/logo.png" alt="">
                <input id="searchInput" placeholder="请输入关键词" type="text">
                <img id="searchButton" src="../兰/images/搜索图标.png" alt="">
                <div class="three">
                    <p><a href="../兰/小组.html" target="_blank">小组</a></p>
                    <p><a href="" target="_blank">视频</a></p>
                    <p><a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">仓库</a></p>
                </div>
            </div>
        </div>

        <!-- 主菜单 -->
        <div class="nav">
            <ul>
                <!-- 导航栏中 -->
                <!-- 导航栏的颜色尽量和logo颜色搭配 -->
                <!-- 鼠标悬停在"首页、HTML、CSS、JavaScript、Photoshop、Photography"时有子菜单 -->
                <li><a href="../index首页.html">首页</a></li>

                <li><a href="../li/hcj.html">Web前端</a></li>
                <li><a href="../瑜-ps/a-ps.html">Photoshop</a></li>
                <li ><a href="../兰/摄影.html">Photography</a></li>
                <div class="deng">
                    <!-- 导航栏右 -->
                    <li class="qr">
                        <!-- 鼠标悬停时下方出现二维码 -->
                        <a href="">
                            <span>客户端下载</span>
                        </a>
                        <!-- 二维码 -->
                        <div>
                            <img class="qr2" src="../兰/images/csdn二维码.png" alt="">
                        </div>
                    </li>
                    <!-- (含js) -->
                    <li><a href="../兰/登录.html" target="_blank">登录 ||</a></li>
                    <li><a href="../兰/注册.html" target="_blank">&nbsp;注册</a></li>
                </div>
            </ul>
        </div>
</div>
    <div class="tit">
        <ul>
            <h1>Photoshop图层蒙版</h1>
            <!-- 框架：h1大的黑体字 -->
            <li>ps参考教程/图层蒙版/ps参考教程</li>
            <!-- li小的灰色字体 -->
        </ul>
    </div>

    <div style="text-align: center;color: #0000009b;">此页教程讲述了图层蒙版的具体内容。</div>
    <!-- 俩个框架之间的灰色字。 -->

    <div>
        <div class="card">
        <h3>蒙版</h3>
        <h4>
            Photoshop中共有4种蒙版：图层蒙版、剪贴蒙版、矢量蒙版和快速蒙版。
            这4种蒙版的原理与操作方式各不相同，下面我们简单了解一下各种蒙版的特性。
        </h4>
         </div>
         <div class="card">
        <h3>快速蒙版 </h3>
        <h4>
            什么是快速蒙版？<br>
            快速蒙版，可以将任何选区作为蒙版进行编辑。
            在工具箱中单击“以快速蒙版模式编辑”按钮，可创建快速蒙版区域；<br>
            常见两种快速蒙版进入方式:<br>
            第一种:进入快速蒙版（快捷键q）→使用部分绘制工具(包括画笔、矩形、套索、渐变、油漆桶等）绘制颜色→退出快速蒙版(再次快捷键q)时出现选区。<br>
            第二种:选区状态下→进入快速蒙版（快捷键q)→修改颜色范围→退出快速蒙版（再次快捷键q）→出现修改范围后的选区。
            快速蒙版≠选区，这是两个概念。但快速蒙版的结果=选区。因为快速蒙版里可以使用各种绘制工具来体现颜色，这是选区里（蚂蚁线）不能出现的功能。
            但快速蒙版绘制颜色后，退出快速蒙版时出现选区，因此它的结果是选区。<br>

            二、快速蒙版的作用<br>
            快速蒙版的结果是选区，通常用于底色纯净，抠图不复杂的图片，用快速蒙版去自定义任意选区（小猫小狗小汽车等），比基本选框工具更灵活。
            在快速蒙版状态下ps会自动转换成灰阶模式，具体表现为前景色是黑色，背景色是白色，即使选取红黄绿等颜色也会自动转化为对应的灰色(使用快捷键x，可交换前景色和背景色)。
            快捷键q ，是在快速蒙版与退出快速蒙版之间切换；<br>
            <img src="./ps-image/蒙版1.jpg" alt="">
            <img src="./ps-image/蒙版2.jpg" alt=""><br>
            此时使用画笔（快捷键b）在图层1上绘制，ps默认状态下，绘制颜色为红色，且选区为红色以外部分。
            为某个图层添加图层蒙版后，可以通过在图层蒙版中绘制黑色或者白色，来控制图层的显示与隐藏。<br>
            <img src="./ps-image/蒙版3.jpg" alt="">

            1.直接创建图层蒙版<br>
            选择一个图层，单击图层面板底部的“添加图层蒙版”按钮 ，即可为该图层添加图层蒙版。<br>
            <img src="./ps-image/蒙版4.jpg" alt=""><br>
            单击图层蒙版缩览图，接着可以使用画笔工具在蒙版中进行涂抹。在蒙版中只能使用灰度颜色进行绘制。<br>
            <img src="./ps-image/蒙版5.jpg" alt="">
            
            2.基于选区添加图层蒙版<br>
            如果当前画面中包含选区，单击选中需要添加图层蒙版的图层，单击图层面板底部的“添加图层蒙版”按钮 ，选区以内的部分显示，选区以外的图像将被图层蒙版隐藏。<br>
            <img src="./ps-image/蒙版6.jpg" alt="">
        </h4>
</div>
<div class="card">
        <h3>剪贴蒙版</h3>
        <h4>
            是通过使用处于下方图层的形状来限制上方图层的显示状态,达到一种剪贴画的效果。<br>
            剪贴蒙板是由多个图层组成的群体组织，最下面的一个图层叫做基底图层（简称基层），位于其上的图层叫做顶层。基层只能有一个，顶层可以有若干个。
            “剪贴蒙版”需要至少两个图层才能够使用。其原理是通过使用处于下方图层（基底图层）的形状，限制上方图层（内容图层）的显示内容。也就是说“基底图层”的形状决定了形状，而“内容图层”则控制显示的图案。<br>
            <img src="./ps-image/蒙版7.jpg" alt=""><br>

        </h4></div>
        <div class="card">
        <h3> 矢量蒙版 </h3>
        <h4>
            矢量蒙版，也叫做路径蒙版，是通过路径和矢量形状控制图像的显示区域，可以任意放大或缩小的蒙版，不因放大或缩小操作而影响清晰度。
            添加显示或隐藏整个图层的矢量蒙版<br>
            在“图层”面板中，选择要添加矢量蒙版的图层。执行下列操作之一：<br>
             若要创建显示整个图层的矢量蒙版，请选取“图层”>“矢量蒙版”>“显示全部”。
             若要创建隐藏整个图层的矢量蒙版，请选取“图层”>“矢量蒙版”>“隐藏全部”。<br>
            添加显示形状内容的矢量蒙版<br>
            在“图层”面板中，选择要添加矢量蒙版的图层。
            选择一条路径或使用某一种形状或钢笔工具绘制工作路径。
              菜单“图层”>“矢量蒙版”>“当前路径”。
            可以使用钢笔工具进行调整形状
            编辑矢量蒙版<br>
            在“图层”面板中，选择包含要编辑的矢量蒙版的图层。
            单击“属性”面板中的“矢量蒙版”按钮，或单击“路径”面板中的缩览图。然后使用钢笔工具或者直接选择工具更改形状。 
            更改矢量蒙版不透明度或羽化蒙版边缘。
            在“图层”面板中，选择包含矢量蒙版的图层。
            在“属性”面板中，单击“矢量蒙版”按钮。
            拖动“浓度”滑块调整蒙版的不透明度，或拖动“羽化”滑块羽化蒙版的边缘。
            将矢量蒙版转换为图层蒙版-形状不可更改
            选择包含要转换的矢量蒙版的图层，并选取“图层”>“栅格化”>“矢量蒙版”。
            注意事项：<br>
            通过路径控制图像的显示区域 ，但是仅能用于当前图层。
            矢量蒙版中创建的形状是矢量图，可以使用钢笔工具和形状工具进行编辑修改，从而改变蒙版的遮罩区域，也可以对它任意缩放而不必担心产生锯齿。
            矢量蒙板不只是用来抠图，还可以用来做字体设计。
        </h4>
    </div>
    </div>
</body>
<foot
    style="text-align: center;background-color:rgb(200, 225, 225);margin-bottom: 0; height: 280px;display: flex;align-items: flex-end;justify-content: center;">
    <!-- 页脚框架 -->
    <div>
        <div>
            <!-- logo为单独一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/logo.png" alt="">
            </div>
            <!-- csdn二维码和w3cschool二维码 为一行 -->
            <div>
                <img style="width: 100px;height: 100px;" src="../兰/images/csdn二维码.png" alt="">
                <img style="width: 100px;height: 100px; margin-left: 50px;" src="../兰/images/w3cschool二维码.png"
                    alt="">
            </div>
        </div>

        <!-- （一行白字）相关链接、版权声明等 -->
        <div>
            <style>
                a {
                    color: black;
                }
            </style>
            <a href="" target="_blank">相关链接</a>
            <a href="" target="_blank">隐私政策</a>
            <a href="" target="_blank">版权声明</a>
            <a href="" target="_blank">反馈箱</a>
            <a href="https://gitee.com/lhuilan/final-group-task/tree/main/" target="_blank">代码仓库</a>
            <a href="../兰/小组.html" target="_blank">关于我们</a>
        </div>

        <!-- 灰白字体 -->
        <div>
            <div>
                &copy; 2024-现在 蓝学网 &nbsp; 网站建设：
                <a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>
            </div>
            <div>
                网站维护：<a href="../兰/小组.html" target="_blank">顺职软件一班第八组</a>&nbsp;&nbsp;&nbsp;联系方式：lanxuewang@qq.com
            </div>
        </div>
    </div>
</foot>
</html>